<template>
	<view class="company-info">
		<u-cell-group>
			<u-cell>
				<view slot="title" class="u-cell__title flex-align">
					<view style="margin-right: 20rpx;">企业标志</view>
					<u-tag
						:text="status[currentStatus].text"
						:bgColor="status[currentStatus].bgColor"
						:borderColor="status[currentStatus].borderColor"
						:color="status[currentStatus].color"
						size="mini"
					/>
				</view>
				<view slot="value">
					<u-image :src="companyInfo.logo" width="70rpx" height="70rpx" />
				</view>
			</u-cell>
			<u-cell title="企业全称" :value="companyInfo.fullname"></u-cell>
			<u-cell title="企业简称" :value="companyInfo.simplename"></u-cell>
			<u-cell title="联系电话" :value="companyInfo.contactPhone"></u-cell>
			<u-cell title="联系人" :value="companyInfo.contactPerson"></u-cell>
			<u-cell title="手机号" :value="companyInfo.phone"></u-cell>
			<u-cell title="联系地址" :value="companyInfo.contactAddress"></u-cell>
		</u-cell-group>
	</view>
</template>

<script>
export default {
	data() {
		return {
			companyInfo: {
				logo: '',
				fullname: '绍兴奥体',
				simplename: '绍兴奥体',
				contactPhone: '15682511587',
				contactPerson: 'xxx',
				phone: '15682511587',
				contactAddress: '江苏南通市崇川区幸福大道359号'
			},
			currentStatus: 0,
			status: [
				{
					text: '已认证',
					bgColor: '#e9f3ff',
					borderColor: '#3894ff',
					color: '#3894ff',
				},
				{
					text: '待审核',
					bgColor: '#fdf5e9',
					borderColor: '#e29836',
					color: '#e29836',
				}
			]
		}
	},
}
</script>

<style lang="scss" scoped>
.company-info {
	min-height: 100vh;
	background-color: #f7f7f7;
	padding-bottom: env(safe-area-inset-bottom);
	
	/deep/.u-cell-group {
		background-color: #fff;
		flex-grow: 0;
		
		.u-cell__body {
			padding: 0 30rpx;
			height: 110rpx;
		}
		
		.u-cell__title {
			color: #333;
			font-size: 32rpx;
			font-weight: 500;
		}
		
		.u-cell__value {
			color: #999;
		}
	}
}
</style>
